<?php include'referencias.php' ?>
<?php include'referencias3d.php' ?>

<body>
  <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <?php include'menu.php' ?>
  </div>

  <div class="container">
    <div class="interior">
    	<img src="images/vainilla1.jpg" class="fondo">
    	<div class="transparencia">
        <div style="color: white">
          <ul id="grid" class="group">
            <li style="opacity: 100">
                <div class="details">
                  <h3>Chips</h3>
                </div>
                <a class="more" href="#info1"><img src="images/ejemplo1.jpg"></a>
            </li>
            <li>
                <div class="details">
                  <h3>Coco</h3>
          </div>
                <a href="#info2"><img src="images/ejemplo2.jpg"></a>
            </li>
            <li class="end">
                <div class="details">
                  <h3>Chocolate</h3>
          </div>
                <a href="#info3"><img src="images/ejemplo3.jpg"></a>
            </li>
            <li>
                <div class="details">
                  <h3>Limón</h3>
          </div>
                <a href="#info4"><img src="images/ejemplo4.jpg"></a>
            </li>
            <li>
                <div class="details">
                  <h3>Miel</h3>
          </div>
                <a href="#info5"><img src="images/ejemplo5.jpg"></a>
            </li>
            <li class="end">
                 <div class="details">
                  <h3>Vainilla</h3>
          </div>
                <a href="#info6"><img src="images/ejemplo6.jpg"></a>
            </li>
            <li>
                 <div class="details">
                  <h3>Final Hierbas</h3>
          </div>
                <a href="#info7"><img src="images/ejemplo7.jpg"></a>
            </li>
            <li>
                 <div class="details">
                  <h3>Clásicas</h3>
          </div>
                <a href="#info8"><img src="images/ejemplo8.jpg"></a>
            </li>
            <li class="end">
                 <div class="details">
                  <h3>Napolitanas</h3>
          </div>
                <a href="#info9"><img src="images/ejemplo9.jpg"></a>
            </li>
            <li>
                 <div class="details">
                  <h3>Torta con frutas</h3>
          </div>
                <a href="#info9"><img src="images/ejemplo9.jpg"></a>
            </li>
            <li>
                 <div class="details">
                  <h3>Torta de chocolate con almendras</h3>
          </div>
                <a href="#info9"><img src="images/ejemplo9.jpg"></a>
            </li>
        </ul>
        </div>
	    </div>
    </div>

  </div><!-- /.container -->


  <!-- Bootstrap core JavaScript
  ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="../../dist/js/bootstrap.min.js"></script>
</body>
</html>